<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户体验调查问卷</title>
    <link rel="stylesheet" href="../css/questionCss.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div style="border-bottom: 2px solid red;position:relative;">
            <img src="../static/image/similarLogo.png" alt="用户登录体验调查问卷" width="130px" height="50px">
            <span style="font-size:20px;margin-left:30px;position:absolute;top:25px;">登录页满意度调查</span>
        </div>
        <article>
            <div id="note">
                <p>尊敬用户您好：<br>为了给您提供更加完善的服务，我们希望收集并了解您在页面的使用情况。对您的配合和支持表示衷心的感谢!</p>
            </div>
            <div class="item">
                <p><span style="color:red;font-size:16px;">*</span>您对登录页面整体满意度如何?</p>
                <div class="context">
                    <ul>
                        <li><input type="radio" name="select" value="非常满意">非常满意</li>
                        <li><input type="radio" name="select" value="满意">满意</li>
                        <li><input type="radio" name="select" value="一般">一般</li>
                        <li><input type="radio" name="select" value="不满意">不满意</li>
                        <li><input type="radio" name="select" value="非常不满意">非常不满意</li>
                    </ul>
                </div>
            </div>
            <div class="item">
                <p>您对登录页有什么想法，请大声说出来吧！（例如：哪里有问题，哪些功能做得不够好等）</p>
                <div class="context">
                    <textarea cols="100" rows="10" placeholder="请写下您宝贵的建议"></textarea>
                </div>
            </div>
            <div class="item">
                <p>如果您对京东的使用体验有任何想法，欢迎微信搜索并关注“京东用户体验中心”公众号，参与更多用户体验活动。</p>
                <div class="context">
                    <div class="input-group" style="margin:10px 600px 10px 0px">
                        <span class="input-group-addon">用户名</span>
                        <input type="text" class="form-control" placeholder="请输入用户名" aria-describedby="basic-addon1">
                    </div>
                    <div class="input-group" style="margin:10px 600px 10px 0px">
                        <span class="input-group-addon">手机号</span>
                        <input type="text" class="form-control" placeholder="请输入手机号" aria-describedby="basic-addon1">
                    </div>
                </div>
            </div>
            <div id="btn">
                <button type="button" class="btn btn-success" style="margin-left:45%;">提交</button>
                <button type="button" class="btn btn-secondary">重置</button>
            </div>
        </article>
    </div>
</body>
</html>
